{% extends 'base.html' %}

{% block title %}Add Tag{% endblock %}

{% block content %}

<h1>Create a tag</h1>

{% if error %}
<div class="alert alert-danger" role="alert">
  {{ error }}
</div>
{% endif %}

<form method="POST" action="{{ url_for('add_tag') }}">
    <input type="hidden" name="next" value="{{ next }}">
    <div class="form-group row">
        <label for="name" class="col-sm-2 col-form-label d-flex align-items-center">
            Name
        </label>
        <div class="col-sm-10">
            <input type="text" class="form-control" id="name" name="name" placeholder="Enter a name for the tag">
        </div>
    </div>

    <div class="form-check form-group row">
        {% for post in posts %}
        <div>
            <input class="form-input" type="checkbox" value="{{ post.id }}" id="post_{{ post.id }}" name="posts">
            <label class="form-check-label" for="post_{{ post.id }}">
                {{ post.title }}
            </label>
        </div>
        {% endfor %}
    </div>

    <div class="mt-3 form-group row">
        <div class="ml-auto mr-3">
            <a href="{{ next }}" class="btn btn-outline-primary">Cancel</a>
            <button type="submit" class="btn btn-success">Add</button>
        </div>
    </div>
</form>

{% endblock %}